<template>
    <div class="baseBox">
        <pagetitle></pagetitle>
        <div class="warmprompt">
            <div class="warmprompttitle"><i class="el-icon-warning-outline"></i> 温馨提示</div>
            <div class="warmpromptItem">1、“我的资源”包括您的原始资源及服务、购买的资源及服务。</div>
            <div class="warmpromptItem">
                2、如需查看您使用资源产生的费用信息，请前往“<el-button type="text" @click="router.push('/expense/shoppingtrolley')">费用中心</el-button>”查看。
            </div>
            <div class="warmpromptItem">3、新增，更新，删除资源有一定时间的数据延迟，请稍候查看。</div>
        </div>
        <div class="baseBoxContent">
            <div class="baseBoxsearch">
                <div class="basesright">
                    <el-input v-model="input" class="input" suffix-icon="el-icon-search" placeholder="请输入内容"></el-input>
                    <el-button type="primary" size="medium">刷新</el-button>
                </div>
            </div>
            <el-table :data="tableData" border style="width: 100%">
                <el-table-column prop="date" label="序号" width="88"> </el-table-column>
                <el-table-column prop="name" label="品牌名称"> </el-table-column>
                <el-table-column prop="address" label="品牌持有单位"> </el-table-column>
                <el-table-column prop="address" label="品牌类型"> </el-table-column>
                <el-table-column prop="address" label="批准文号"> </el-table-column>
                <el-table-column prop="address" label="地域保护范围"> </el-table-column>
                <el-table-column prop="address" label="平台认证情况"> </el-table-column>
                <el-table-column prop="address" label="操作" width="130">
                    <template #default="scope">
                        <el-button type="text" @click="router.push(`/resource/brand/brandresource?id=${scope.row.id ? scope.row.id : '1'}`)" size="medium"
                            >农场基地</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>
            <div class="baseTableTip">说明：同一品牌资源，作为一个资源项目登记，否则登记多条品牌信息。</div>
            <div class="btns">
                <el-button type="primary" size="medium">返回</el-button>
                <el-button size="medium" @click="router.push('/resource/brand/brandaddnewlot')">添加资源</el-button>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const input = ref("");
const tableData: any = ref([{}, {}]);
const formInline: any = ref({});
</script>
<style lang="scss" scoped>
.baseBox {
    width: 100%;
    .warmprompt {
        padding: 20px;
        background: #ffffff;
        .warmprompttitle {
            font-size: 14px;
            font-weight: bold;
            color: #252b3a;
        }
        .warmpromptItem {
            font-size: 14px;
            color: #252b3a;
            margin-top: 10px;
            button {
                padding: 0;
            }
        }
    }
    .baseBoxContent {
        background: #ffffff;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
        margin-top: 15px;
        padding: 30px 0;
        .baseBoxsearch {
            margin-bottom: 30px;
        }
        .baseBoxsearch,
        .basesright {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            .input {
                width: 350px;
                margin-right: 20px;
            }
        }
        .baseTableTip {
            font-size: 16px;
            color: #333333;
            margin-top: 10px;
        }
        .btns {
            margin-top: 30px;
            button {
                margin-right: 20px;
            }
        }
    }
}
</style>
